window.onload = function () {
    fullTable(emList);
}

/**
 * 将数组内容填充表格数据
 */
function fullTable(array) {
    let str = "";
    array.forEach(n => {
        str += `<tr>
<td>${n.code}</td>
<td>${n.name}</td>
<td>${n.money}</td>
<td>${n.sex}</td>
<td><input type="button" value="删除" onclick="del(${n.code})">
<input type="button" value="修改" onclick="findById(${n.code})"></td>
</tr>`;
    });
    $("data").innerHTML = str;
}

/**
 * 获取id
 * @param id 对象id
 * @returns {HTMLElement} 返回对象列表
 */
function $(id) {
    return document.getElementById(id);
}

/**
 * 根据姓名查找对象
 */
function findByName() {
    //得到文本框内容
    var nameStr = $("nameTxt").value;
    var newList = emList.filter(n => n.name.indexOf(nameStr) != -1);
    fullTable(newList);
}

/**
 * 删除指定的对象
 * @param code 指定对象的id
 */
function del(code) {
    //找到指定编号的下标
    var index = emList.findIndex(n => n.code == code);
    emList.splice(index, 1);
    fullTable(emList);
}

/**
 * 修改指定对象的存款
 */
function update() {
    var index = emList.find(n => n.code == $("codSpan").innerHTML);
    index.money = parseInt($("moneySpan").value);
    fullTable(emList);
    $("updateDiv").style.visibility = "hidden";
}

/**
 * 根据id查找对象
 * @param code 对象id
 */
function findById(code) {
    //按照工号查找员工对象
    var index = emList.find(n => n.code == code);
    //将员工对象信息赋值给网页元素
    $("codSpan").innerHTML = index.code;
    $("nameSpan").innerHTML = index.name;
    $("moneySpan").value = index.money;
    $("sexSpan").innerHTML = index.sex;
    $("updateDiv").style.visibility = "visible";
}

/**
 * 添加对象
 */
function addEmployee() {
    var a = false;
    // var obj = {code: $("codTxt").value, name: $("emnameTxt").value, money: $("moneyTxt").value, sex: $("sexTxt").value};
    // for (var i = 0; i < emList.length; i++) {
    //     //     if ($("codTxt").value != null && $("codTxt").value != emList[i].code) {
    //     //
    //     //     }
    //
    //     studentArray.filter(n => n.code.startsWith("王"));
    //     console.log(newArray);
    // }

    if (parseInt($("codTxt").value) % 10 === 0) {
        if ($("nameTxt").value === /^\w{2,20}$/) {
            if ($("sexTxt").value === /^[男|女]$/) {
                a = true;
            } else {
                alert("添加失败");
            }
        } else {
            alert("添加失败");
        }
    } else {
        alert("添加失败");
    }


    if (a) {
        emList.push(obj);
        fullTable(emList);
        $("addDiv").style.visibility = "hidden";
    }
}


function showAddDiv() {
    $("addDiv").style.visibility = "visible";
}
